<template>
	<view>
		<view style="display: flex;flex-direction: column;margin-left: 49rpx;">
			<text style="margin: 243rpx 0 49rpx 0;font-size: 60rpx;color: #000;">重置密码</text>
			<text style="font-weight: 28rpx;line-height: 48rpx;color: #666;width: 629rpx;">重置验证码将会发送到您的手机，请输入验证码并创建新密码。</text>
		</view>
		<view style="margin: 109rpx 48rpx 0;">
			<input type="text" value="" placeholder="手机号" />
			<view style="margin: 32rpx 0;position: relative;">
				<input type="text" value="" placeholder="验证码" />
				<button type="default" style="line-height: 42rpx; width: 138rpx;height: 42rpx;background: #00C657;border-radius: 10rpx; font-size: 24rpx;color: #fff;position: absolute;top: 32%;right: 0;">验证码</button>
			</view>
			<input type="text" value="" placeholder="确认密码"/>
		</view>
		<navigator url="/pages/login/login">
		<button type="default" style="width: 654rpx;height: 100rpx;background: #00C657;border-radius: 24rpx;margin: 80rpx 65rpx 234rpx;color: #fff;font-size: 28rpx;line-height: 100rpx;">确认</button>
		</navigator>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
input{
	width: 654rpx;
	height: 108rpx;
	background: #FFFFFF;
	border: 2rpx solid #F0F0F0;
	border-radius: 12rpx;
	padding-left: 33rpx;
	font-size: 28rpx;
	color: #333333;
}

</style>
